//证照应用引用/调用排名

    var axisLabel = {
        lineStyle: {
            show: true,
            color: '#053A62'
        },
        textStyle: {
            fontSize: 18,
            color: '#357ACC'
        }
    };
    var axisLine = {
        lineStyle: {
            color: '#053A62',
            fontSize: 18,
            width: 0,
        }
    };
    var splitLine = {
        lineStyle: {
            fontSize: 18,
            color: '#053A62'
        }
    };
var chart1_1; //证照应用引用/调用排名
var opt_11; //证照应用引用/调用排名option

var creat_Opt1_1= function(chart1xdata,chart1sdata){
	opt1_1 = {
		  color: ['#3398DB'],
		    title: {
		        text: '引用排名',
		        textStyle: {
		            color: '#00aeef',
		            fontWeight: 200,
		            fontSize: 20
		        },
		        x: 40,
		        y: 20
		    },
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : chart1xdata,
            axisTick: {
                alignWithLabel: true
            },
            axisLabel :{  
                interval:0,	//	X轴 连续显示
                rotate:40,	//	X轴 斜着显示
                textStyle:{
                    fontSize:18 // 让字体变大
                } 
            },
			axisLine: {
                show: true,
                onZero: true,
                lineStyle: {
                       color: '#00acec',
                           }
	
	                  }
        }
    ],
    yAxis : [
        {
            type : 'value',
			axisLine: {
                show: true,
                onZero: true,
                lineStyle: {
                       color: '#00acec',
                           }
	
	                  },
		      splitLine: {
              show: true,
			  lineStyle: {
			        color: ['#05385f'],
			        width: 1,
			        type: 'solid',
			  }
              },
        }
		
    ],
    series : [
        {
            
            type:'bar',
            barWidth: '60%',
			barWidth : 30,
            data:chart1sdata
        }
    ]		
}
}



function initmapnew(mapdata,max) {
    var map = echarts.init(document.getElementById("map")); 
    $.get('../../js/screen/hubei.json', function (geoJson) {
        echarts.registerMap('HB', geoJson);
        map.setOption(option = { 
            tooltip: {
                trigger: 'item',
                formatter: '{b}<br/>{c} (本)'
            },
        
            visualMap: {
                min: 0,
                max: max,
                realtime: false,
                calculable: true,
                zoom: 2, 
                x:200,
                y:'5%',
                textStyle:{
                    color:'#fff'
                },
                inRange: {
                    color: ['#194360','#0ca3b1', '#00ffff']
                }
            },
            series: [
                {
                    center:[112.17185,31.731877],
                    zoom:1,
                    aspectScale:1, 
                    type: 'map',
                    mapType: 'HB', // 自定义扩展图表类型
                    itemStyle:{
                        normal:{
                        	label:{
                        		show:true,
	                            textStyle: {
	                                color: '#fff',
	                                fontSize:22
	                            }
                        	}
                        },
                        emphasis:{// 也是选中样式
                            borderWidth:1,
                            borderColor:'transparent',
                            //areaColor: '#ff0066',
                            label: {
                                show: true,
                                textStyle: {
                                    color: '#fff',
                                    fontSize:18
                                }
                            }
                        }
                    },
                    data:mapdata
                }
            ]
        });
    });
	map.on('click', function (params) {  
		getcitydatanew(params.name);
	});
}

// 证照颁发脸谱------------------------------------------------------------------

var chart2_3; //证照颁发脸谱
var opt_23; //证照颁发脸谱option
 
var creat_Opt2_3 = function(chart2xdata,chart2sdata){
	opt2_3 = {		
	 title: {       
		textStyle:{
		        	color:"#00aeef",
		        	fontWeight:"normal",
		        	fontSize:"40"
		        },
		        x: "20px",
		        y:"-10px",
    },
    tooltip : {
		show: true,
        trigger: 'axis',
        axisPointer: {
            type: 'line',
            label: {
                backgroundColor: '#00a5e4',
				color: '#036292',
            }
        }
    },
	
	color:[ '#00a6e7'],
   
    toolbox: {
		show: false,
    },
    grid: {
		
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true,
		show: true,
		borderColor: '#00acec',
        borderWidth: 1,
    },
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : chart2xdata,
			axisLine: {
                show: true,
                onZero: true,
                lineStyle: {
                       color: '#00acec',
                           }
	                  }
        }
    ],
    yAxis : [
        {
            type : 'value',
			axisLine: {
                show: true,
                onZero: true,
                lineStyle: {
                       color: '#00acec',
                           }
	                  },
		      splitLine: {
              show: true,
			  lineStyle: {
			        color: ['#05385f'],
			        width: 1,
			        type: 'solid',
			  }
              },
        }
    ],	  
    series : [  
        {
            name:'证照颁发',
            type:'line',
			smooth: true,
            stack: '总量',
            symbolSize:8,
			symbol: 'circle',			
            label: {
                normal: {
                   // show: true,
                    position: 'top'
                }
            },
            //areaStyle: {normal: {}},
            data:chart2sdata
        }
    ]
}
}




// 累计办法部分四个环形图---------------------------------------------------------
var chart3_1; //颁证单位
var opt_31; //颁证单位option
 

		
var labelTop = {
    normal : {
		color:'#00ffcc',
        label : {
            show : false,
            position : 'top',
            formatter : '{b}',
            textStyle: {
                baseline : 'bottom'
            }
        },
        labelLine : {
            show : false,
        }
    }
};

var labelFromatter = {
    normal : {
        label : {
			show: true,	
            formatter : function (params){
                return  params.value 
            },
		    position: 'center',
			fontStyle: 'normal',
            textStyle: {
                 fontSize:40,
				 fontFamily:'微软雅黑 Light',
            }
        }
    },
}



var labelBottom = {
    normal : {
        color: '#052548',
        label : {
            show : false,
            position : 'center'
        },
        labelLine : {
            show : false
        }
    },
    emphasis: {
        color: 'rgba(0,0,0,0)'
    }
};

var radius = [70, 80];


var creat_Opt3_1 = function(chart3data1,chart3data2,chart3data3,chart3data4){
	opt3_1 = {
    tooltip: {
        trigger: 'item',
        formatter: "{b}: {c} ({d}%)"
    },
    legend: {
	   show: true,
       x : '50px;',
       y : '260px',
	   itemWidth:0,
	   itemGap: 173,
	   textStyle : {
            color : '#00ffcc',
            fontSize : 24,
            fontWeight : 'normal'
        },
      data:[
          '颁证单位','证照类型','法人证照','自然人证照'
       ]
    },
   
    toolbox: {
        show : false,
    },
    series : [
        {
            type : 'pie',
            center : ['10%', '40%'],
            radius : radius,
            x: '0%', // for funnel
            itemStyle :labelFromatter ,
            data : chart3data1
        },
        {
            type : 'pie',
            center : ['35%', '40%'],
            radius : radius,
            x:'20%', // for funnel
            itemStyle : labelFromatter,
            data :chart3data2 
        },
        {
            type : 'pie',
            center : ['60%', '40%'],
            radius : radius,
            x:'40%', // for funnel
            itemStyle : labelFromatter,
            data : chart3data3
        },
        {
            type : 'pie',
            center : ['85%', '40%'],
            radius : radius,
            x:'60%', // for funnel
            itemStyle : labelFromatter,
            data :chart3data4
        }      
    ]
};
}
//-------------------------------------------------------

// 证照排行

var chart3_2; //证照排行
var opt_32; //证照排行option

var creat_Opt3_2= function(chart32xdata,chart32sdata){
	opt3_2 = {
		  color: ['#3398DB'],
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : chart32xdata,
            axisTick: {
                alignWithLabel: true
            },
            axisLabel :{  
                interval:0,	//	X轴 连续显示
                rotate:40,	//	X轴 斜着显示
                textStyle:{
                    fontSize:18 // 让字体变大
                } 
            },
			axisLine: {
                show: true,
                onZero: true,
                lineStyle: {
                       color: '#00acec',
                           }
	
	                  }
        }
    ],
    yAxis : [
        {
            type : 'value',
			axisLine: {
                show: true,
                onZero: true,
                lineStyle: {
                       color: '#00acec',
                           }
	
	                  },
		      splitLine: {
              show: true,
			  lineStyle: {
			        color: ['#05385f'],
			        width: 1,
			        type: 'solid',
			  }
              },
        }
		
    ],
    series : [
        {
            //name:'直接访问',
            type:'bar',
            barWidth: '60%',
			barWidth : 25,
            data:chart32sdata,
			itemStyle: {
                    emphasis: {
                       // barBorderRadius: 7
                    },
                    normal: {
                        //barBorderRadius: 7,
                        color: new echarts.graphic.LinearGradient(
                            0, 0, 0, 1,
                            [
                                {offset: 0, color: '#ff0066'},
                                {offset: 1, color: '#03aeee'}

                            ]
                        )
                    }
                }
        }
    ]		
}
}
//提交部门排行top5--------------------------------------------------

var chart1_2; //提交部门排行top5
var opt_12; //提交部门排行top5 option


var dataStyle = { //作用不明
            normal: {
                label: {show:false},
                labelLine: {show:false},
                shadowBlur: 40,
                shadowColor: 'rgba(40, 40, 40, 0.5)',
            }
        };
        var placeHolderStyle = { //作用不明  原来是这是pie图里面的
            normal : {
                color: 'rgba(0,0,0,0)',
                label: {show:false},
                labelLine: {show:false}
            },
            emphasis : {
                color: 'rgba(0,0,0,0)'
            }
        };

var creat_Opt1_2= function(depart1,depart2,depart3,depart4,depart5,data1,data2,data3,data4,data5){
	opt1_2 = {
	
            color: ['#ffff00', '#79c95f','#64c46c','#40ba82','#23b294'], //每一项对应的颜色
            tooltip : {  //提示框组件
                show: true,
                formatter: "{a} <br/>{b} : {c}"  //正则设置格式
            },
            
            series : [  //系列列表
                {
                    name:depart1,  //名字--用于tooltip的显示
                    type:'pie',    //类型--饼状图
                    clockWise:false,   //饼图的扇区是否是顺时针排布。
                    radius : [130,140], //饼图的半径，数组的第一项是内半径，第二项是外半径。 内半径是0就是一个真正的饼
                    center:['50%', '60%'], //饼图片的中心
                    itemStyle : dataStyle, //样式
                    hoverAnimation: false, //是否开启 hover 在扇区上的放大动画效果。
                    zlevel:2,
                    data:data1,
                },
                {
                    name:depart2,
                    type:'pie',
                    clockWise:false,
                    radius : [110, 120],
                    center:['50%', '60%'], //饼图片的中心
                    itemStyle : dataStyle,
                    hoverAnimation: false,
                    zlevel:100,
                    data:data1
                },
                {
                    name:depart3,
                    type:'pie',
                    clockWise:false,
                    hoverAnimation: false,
                    radius : [90, 100],
                    center:['50%', '60%'], //饼图片的中心
                    itemStyle : dataStyle,
                    data:data3,
                },
                {
                    name:depart4,
                    type:'pie',
                    clockWise:false,
                    hoverAnimation: false,
                    radius : [70,80],
                    center:['50%', '60%'], //饼图片的中心
                    itemStyle : dataStyle,
                    zlevel:1,
                    data:data4,
                },
				{
                    name:depart5,
                    type:'pie',
                    clockWise:false,
                    hoverAnimation: false,
                    radius : [50,60],
                    center:['50%', '60%'], //饼图片的中心
                    itemStyle : dataStyle,
                    zlevel:1,
                    data:data5,
                },
            ]
		
		
	}
}
//证照类型top5
var chart1_3; //证照类型top5
var opt_13; //证照类型top5 option


var creat_Opt1_3= function(depart1,depart2,depart3,depart4,depart5,data1,data2,data3,data4,data5){
	opt1_3 = {
	
            color: ['#e11375', '#a83890','#333267','#3580c7','#00b0f0'], //每一项对应的颜色
            tooltip : {  //提示框组件
                show: true,
                formatter: "{a} <br/>{b} : {c}"  //正则设置格式
            },
            
            series : [  //系列列表
                {
                    name:depart1,  //名字--用于tooltip的显示
                    type:'pie',    //类型--饼状图
                    clockWise:false,   //饼图的扇区是否是顺时针排布。
                    radius : [130,140], //饼图的半径，数组的第一项是内半径，第二项是外半径。 内半径是0就是一个真正的饼
                    center:['50%', '60%'], //饼图片的中心
                    itemStyle : dataStyle, //样式
                    hoverAnimation: false, //是否开启 hover 在扇区上的放大动画效果。
                    zlevel:2,
                    data:data1,
                },
                {
                    name:depart2,
                    type:'pie',
                    clockWise:false,
                    radius : [110, 120],
                    center:['50%', '60%'], //饼图片的中心
                    itemStyle : dataStyle,
                    hoverAnimation: false,
                    zlevel:100,
                    data:data2
                },
                {
                    name:depart3,
                    type:'pie',
                    clockWise:false,
                    hoverAnimation: false,
                    radius : [90, 100],
                    center:['50%', '60%'], //饼图片的中心
                    itemStyle : dataStyle,
                    data:data3
                },
                {
                    name:depart4,
                    type:'pie',
                    clockWise:false,
                    hoverAnimation: false,
                    radius : [70,80],
                    center:['50%', '60%'], //饼图片的中心
                    itemStyle : dataStyle,
                    zlevel:1,
                    data:data4,
                },
				{
                    name:depart5,
                    type:'pie',
                    clockWise:false,
                    hoverAnimation: false,
                    radius : [50,60],
                    center:['50%', '60%'], //饼图片的中心
                    itemStyle : dataStyle,
                    zlevel:1,
                    data:data5,
                },
            ]
		
		
	}
}


function barinit(data1,data2) {
    var barchart = echarts.init(document.getElementById("barchart"));
    var barchartOption = {
        color: ['#00aeef'],
        grid: {
            x: 20,
            y: 20,
            x2: 4,
            y2: 20,
            borderWidth: 1,
            borderColor: '#05345A',
            containLabel: true,
        },
        tooltip: {
            trigger: 'axis'
        },
        calculable: true,
        xAxis: [
            {
                type: 'category',
                axisTick: {length: 0},
                splitLine: splitLine,
                axisLine: axisLine, 
                axisLabel :{  
                    interval:0,	//	X轴 连续显示
	                lineStyle: {
	                    show: true,
	                    color: '#053A62'
	                },
	                textStyle: {
	                    fontSize: 18,
	                    color: '#357ACC'
	                }
                },
                data: data1
            }
        ],
        yAxis: [
            {
                type: 'value',
                boundaryGap: true,
                axisTick: {length: 0},
                splitLine: splitLine,
                axisLine: axisLine,
                axisLabel: axisLabel,
                splitArea: {
                    show: true,
                    onGap: true,
                    areaStyle: {
                        color: ['rgba(6,29,62,.3)',
                            'rgba(6,29,62,.3)']
                    }
                },

            }
        ],
        series: [
            {
                name: '库表',
                type: 'bar',
                barWidth:16,
                smooth: true,
                data:data2	
            }
        ]
    };
    barchart.setOption(barchartOption);
} 


 